<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公司未开通订餐应用提示页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../static/css/bootstrap.min.css" th:href="@{css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.css" th:href="@{css/style.css}" rel="stylesheet"/>
    <link href="../static/css/login.min.css" th:href="@{css/login.min.css}" rel="stylesheet"/>
    <link href="../static/css/login.css" th:href="@{css/login.css}" rel="stylesheet"/>
    <link href="../static/ajax/libs/iCheck/custom.css" th:href="@{/ajax/libs/iCheck/custom.css}" rel="stylesheet"/>
    <link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=2.4.0}" rel="stylesheet"/>
     <!--swiper-->
    <link href="../static/css/swiper.min.css" th:href="@{/css/swiper.min.css}" rel="stylesheet"/>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{/static/favicon.ico}"/>
    <style type="text/css">label.error { position:inherit;  }</style>
    <link href="../static/css/ad1css.css" th:href="@{/css/ad1css.css}" rel="stylesheet"/>
    <link href="../static/css/ad1.css" th:href="@{/css/ad1.css}" rel="stylesheet"/>
</head>
<body>
    <div class="container">
        <div class="top">
            <div class="Tleft">
                <img th:src="@{/img/logo@2x.png}">
            </div>
            <div class="Tright">
                <div>
                    <img th:src="@{/img/Shape@2x.png}" >
                    <p>020-36523365</p>
                </div>
            </div>

        </div>
        <div class='content1'>
        	<div class="swiper-container" style="width: 100%;height: 6.3rem;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img th:src="@{/img/banner1.png}" alt="" style="width: 100%;height: 6.3rem;"></div>
                    <div class="swiper-slide"><img th:src="@{/img/banner2.2.png}" alt="" style="width: 100%;height: 6.3rem;"></div>
                    <div class="swiper-slide"><img th:src="@{/img/banner3.png}" alt="" style="width: 100%;height: 6.3rem;"></div>
                </div>
                <!--左右按钮-->
                <div class="swiper-button-next"2></div>
                <div class="swiper-button-prev"></div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>

            <!--qq咨询-->
            <div class="qq">
                <p class="qc1">在线咨询</p>
                <div class="qc2"><img th:src="@{/img/qq.png}" alt=""><p><a class="ceshi"  href="tencent://message/?uin=352389181&Menu=yes& Service=300&sigT=42a1e5347953b64c5ff3980f8a6e644d4b31456cb0b6ac6b27663a3c4dd0f4aa14a543b1716f9d45">352389181</a></p></div>
            </div>
            
            <div class="login-con">
                <div><img th:src="@{/img/icon_xiaolian.png}" alt="" style="height: 0.49rem;width: 0.49rem;"></div>
                <div><p>贵单位暂未开通订餐功能</p></div>
                <div class="btn1" onclick="showView()">已开通？登陆并绑定账号</div>
                <div class="btn1" onclick=window.location.href="./application">申请开通</div>
                <div class="btn2-content">
                    <a class="btn2">体验手机版</a>
                    <a class="btn2">体验订餐后台</a>
                </div>
            </div>


        </div>
    </div>
    <!--模态框-->
    <div class="bg-content" onclick="hideView()">
    </div>

    <div class="login-content">
        <p>登录食堂订餐账号</p>
        <img  onclick="hideView()" th:src="@{/img/close-icon.png}" alt="icon">
        <div class="mmain">
            <div class="main-content">
	            <form id="bindForm" >
	                <p>登录您在订餐平台的账号，即可实现通过OA平台自动登录哦！若您忘记账号，可与客户经理联系~</p>
	                <input type="text" name="companyAccount"  placeholder="请输入公司账号">
	                <input type="text" name="loginName"  placeholder="请输入订餐账号">
	                <input type="text" name="loginPwd"  placeholder="请输入订餐密码">
	                <button class="submit" id="bindSubmit" data-loading="正在验证登录，请稍后...">登录并绑定OA账号</button>
	            </form>
            </div>
        </div>

    </div>

    <div class="main">

        <div class="main1">
            <h3>厉行节约、反对浪费</h3>
            <img  class="touxiang" th:src="@{/img/touxiang.png}" alt="图片加载中...">
            <div class="content1">
                <div class="subc1">
                    <img th:src="@{/img/icon_shuanguinhao.png}" alt="图片加载中...">
                    <p><span>习近平</span><span>国家主席</span></p>
                </div>
                <p>要加大宣传引导力度，大力弘扬中华民族勤俭节约的优秀传统，大力宣传节约光荣、浪费可耻的思想观念，努力使厉行节约、反对浪费在全社会蔚然成风。</p>
            </div>
        </div>

        <div class="main2">
            <h3>订餐三部曲</h3>
            <p>通过职工预先报餐、食堂统筹按量备餐的方式，有效的减少浪费，帮助政府机构、企事业单位落实《党政机关厉行节约反对浪费条例》，树立良好的反对浪费崇尚节俭形象</p>
            <div class="m2-subc">
                <div class="m2-content">
                    <img th:src="@{/img/Bitmap2.png}" alt="">
                    <p>提前报餐</p>
                    <p>提前向食堂报餐,选取喜欢的菜品。</p>
                </div>
                <div class="m2-content">
                    <img th:src="@{/img/Bitmap1.png}" alt="">
                    <p>食堂备餐</p>
                    <p>食堂根据报餐统计表备餐，减少浪费</p>
                </div>
                <div class="m2-content">
                    <img th:src="@{/img/Bitmap.png}" alt="">
                    <p>扫码取餐</p>
                    <p>职工到食堂扫码领取自己预订的菜品</p>
                </div>
            </div>
        </div>

        <div class="main3">
            <h3>食堂的好管家</h3>

            <div class="m3-wrap">
                <div class="m3-content">
                    <img th:src="@{/img/icon_shuliang.png}" alt="">
                    <h6>订餐数量提前知</h6>
                    <p>自动按餐别、菜品统计订餐份数，按量准备饭菜，拒绝浪费</p>
                </div>
                <div class="m3-content">
                    <img th:src="@{/img/icon_baobiao.png}" alt="">
                    <h6>各种报表自动出</h6>
                    <p>订餐明细表、人员统计、部门统计、菜品统计、订餐未食统计...</p>
                </div>
                <div class="m3-content">
                    <img th:src="@{/img/icon_changku.png}" alt="">
                    <h6>仓库管理很方便</h6>
                    <p>管理后厨仓库的出库入库，随时查看库存情况</p>
                </div>
                <div class="m3-content">
                    <img th:src="@{/img/icon_zhanghu.png}" alt="">
                    <h6>职工账号轻松管</h6>
                    <p>管理职工餐卡账户，支持单位补贴充值，随时查看账户余额及明细</p>
                </div>
                <div class="m3-content">
                    <img th:src="@{/img/icon_gonggao.png}" alt="">
                    <h6>食堂公告在线发</h6>
                    <p>在线发送食堂公告，还可查看阅读情况</p>
                </div>
                <div class="m3-content">
                    <img th:src="@{/img/icon_kecan.png}" alt="">
                    <h6>客餐围餐统统有</h6>
                    <p>支持订客餐、订围餐，可设置订餐权限，并实时查看订餐明细</p>
                </div>
                <div class="m3-content">
                    <img th:src="@{/img/icon_guizhe.png}" alt="">
                    <h6>就餐规则由你定</h6>
                    <p>管理订餐规则，包括就餐时间、是否要求充值支付、权限设置等</p>
                </div>
                <div class="m3-content">
                    <img th:src="@{/img/icon_xingxiang.png}" alt="">
                    <h6>创建食堂好形象</h6>
                    <p>以人为本，方便了职工,同时又落实了《党政机关厉行节约反对浪费条例》</p>
                </div>
            </div>
        </div>

        <div class="main4">
            <h3>职工的好助手</h3>
            <div class="m4-subc">
                <div class="m4-content">
                    <img th:src="@{/img/zhigong1.png}" alt="" style="width: 3.02rem;height: 2.33rem;">
                    <h4>报餐很方便</h4>
                    <p>随时随地在手机上报餐，可设置自动提醒，再也不担心忘记报餐了</p>
                </div>
                <div class="m4-content">
                    <img th:src="@{/img/zhigong2.png}" alt="" style="width: 3.02rem;height: 2.33rem;">
                    <h4>吃自己喜欢的</h4>
                    <p>提前知道每餐的菜单并预订自己喜欢的，不用担心去晚了菜没了</p>
                </div>
                <div class="m4-content">
                    <img th:src="@{/img/chankanyue.png}" alt="" style="width: 3.02rem;height: 2.33rem;">
                    <h4>随时查看账户余额</h4>
                    <p>若需要充值就餐，可随时查看自己的账户余额</p>
                </div>
            </div>

        </div>

        <div class="main5">
            <div class="m5-top">
                <p>现在购买，赠送一台双屏电脑</p>
            </div>
            <div class="m5-ping">
                <img th:src="@{/img/主屏.png}" alt="" style="width: 3.77rem;height: 3.34rem;">
                <img th:src="@{/img/副屏.png}" alt="" style="width: 3.77rem;height: 3.34rem;">
            </div>
            <div class="m5-bottom-content">
                <div class="m5-bottom">
                    <div class="m5-subc">
                        <p>主屏</p>
                        <p>打餐人员通过主屏查看就餐者预订的菜品</p>
                    </div>
                    <img th:src="@{/img/zhuping.png}" alt="">

                </div>
                <div class="m5-bottom">
                    <img th:src="@{/img/fuping.png}" alt="">
                    <div class="m5-subc">
                        <p>副屏</p>
                        <p>职工通过副屏扫码取餐</p>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>


        <div class="main6">
            <div class="m6-top">
                <h3>功能齐全,专为内部食堂订制</h3>
            </div>
            <div class="m6-bottom">
                <img th:src="@{/img/gongneng1.png}" alt="图片加载中...">
                <div class="m6-right">
                    <h4>订餐后台</h4>
                    <div class="m6-content">
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>菜品管理:上传菜品信息</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>菜单管理:管理常用的菜单，方便每日排菜</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>每日排餐:设置每天、每餐的菜品</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>报餐明细:查看每餐的报餐记录</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>菜品统计:按菜品统计预订的份数，按量备餐</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>每日统计:统计每天的报餐量、实际就餐量</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>部门统计:按部门统计报餐量、实际就餐量</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>人员统计:按人员统计报餐量、实际就餐量</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>围餐明细:查看报围餐的情况</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>后厨仓库:管理厨房仓库的进、出、库存</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>财务管理:管理职工餐卡余额、充值</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>食材采购:管理厨房食材采购记录</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>食堂公告:向就餐人员发送公告</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>就餐设置:设置用餐时间、报餐方式等</p>
                        </div>
                        <div class="m6-subc">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>系统管理:管理就餐人员、部门、职位等</p>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="m7-contont">
            <div class="main7">
                <h4>扫码就餐终端</h4>
                <img th:src="@{/img/saomazongduan@2x.png}" alt="图片加载中...">
                <p>为食堂提供双屏电脑，报餐人员通过副屏幕可以扫码领餐，食堂人员通过主屏幕可以时查看就餐者预订的菜品。</p>
            </div>

            <div class="main6">
                <h4>职工手机端</h4>
                <div class="m6-bottom2">
                    <img th:src="@{/img/gongneng3.png}" alt="图片加载中...">
                    <div class="m6-content2">
                        <div class="m6-subc2">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>查看菜品:可看每天每餐的菜品情况</p>
                        </div>
                        <div class="m6-subc2">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>报餐:可以预订每天、每餐的菜品</p>
                        </div>
                        <div class="m6-subc2">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>批量报餐:可批量报一一个月的餐</p>
                        </div>
                        <div class="m6-subc2">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>报客餐:支持报客餐(可设置权限)</p>
                        </div>
                        <div class="m6-subc2">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>报围餐:支持报围餐(可设置权限)</p>
                        </div>
                        <div class="m6-subc2">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>报餐记录:可以查看报餐记录，并进行修改</p>
                        </div>
                        <div class="m6-subc2">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>食堂公告:接收、查看食堂公告</p>
                        </div>
                        <div class="m6-subc2">
                            <img th:src="@{/img/icon.png}" alt="图片加载中...">
                            <p>账户余额:随时查看账户余额及明细</p>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <!--<div class="footer1">-->
            <!--<p>申请开通</p>-->
            <!--<p>体验手机版</p>-->
        <!--</div>-->

        <div class="footer2">
            <div>
                <img th:src="@{/img/icon_phone2.png}" alt="图片加载中...">
                <span>咨询热线：020-36523365</span>
            </div>
            <p>粤ICP备18074564号1</p>
        </div>
    </div>



	<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
	<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
	<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
	<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
	<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
	<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
	<script src="../static/ajax/libs/iCheck/icheck.min.js" th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script>
	<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
	<!-- <script src="http://tajs.qq.com/stats?sId=62048022"></script> -->
	<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=2.4.0}"></script>
	<script src="../static/ruoyi/notopen.js" th:src="@{/ruoyi/notopen.js}"></script>
	<!--swiper-->
    <script src="../static/js/icheck.min.js" th:src="@{/js/swiper.min.js}"></script>
    <script>
        var mySwiper = new Swiper('.swiper-container', {
            autoplay: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            // 分页器
            pagination: {
                el: '.swiper-pagination',
            },
        })
    </script>
	
</body>
</html>
